{% extends 'base/front_base.html' %}

{% block title %}
    搜索
{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{% static 'css/search/search.min.css' %}">
{% endblock %}

{% block main %}
    <div class="main">
        <div class="wrapper">
            <div class="container-wrapper">
                <div class="main-wrapper">
                    <div class="search-group">
                        <input placeholder="请输入搜索关键字" type="text" class="search-input">
                        <button class="search-btn">搜索</button>
                    </div>

                    <ul class="ret-list">
                        <li>
                            <div class="thumbnail-group">
                                <a href="#">
                                    <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1160601342,3492929116&fm=26&gp=0.jpg"
                                         alt="">
                                </a>
                            </div>
                            <div class="article-group">
                                <p class="title"><a href="#">我是标题我是标题我是标题我是标题我是标题我是标题</a></p>
                                <p class="desc">我是描述信心我是描述信息我是描述信心我是描述信息我是描述信心我是描述信息</p>
                                <p class="more">
                                    <span class="category">cpp</span>
                                    <span class="pub-time">一小时前</span>
                                    <span class="author">yunni</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="thumbnail-group">
                                <a href="#">
                                    <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1160601342,3492929116&fm=26&gp=0.jpg"
                                         alt="">
                                </a>
                            </div>
                            <div class="article-group">
                                <p class="title"><a href="#">我是标题我是标题我是标题我是标题我是标题我是标题</a></p>
                                <p class="desc">我是描述信心我是描述信息我是描述信心我是描述信息我是描述信心我是描述信息</p>
                                <p class="more">
                                    <span class="category">cpp</span>
                                    <span class="pub-time">一小时前</span>
                                    <span class="author">yunni</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="thumbnail-group">
                                <a href="#">
                                    <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1160601342,3492929116&fm=26&gp=0.jpg"
                                         alt="">
                                </a>
                            </div>
                            <div class="article-group">
                                <p class="title"><a href="#">我是标题我是标题我是标题我是标题我是标题我是标题</a></p>
                                <p class="desc">我是描述信心我是描述信息我是描述信心我是描述信息我是描述信心我是描述信息</p>
                                <p class="more">
                                    <span class="category">cpp</span>
                                    <span class="pub-time">一小时前</span>
                                    <span class="author">yunni</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="thumbnail-group">
                                <a href="#">
                                    <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1160601342,3492929116&fm=26&gp=0.jpg"
                                         alt="">
                                </a>
                            </div>
                            <div class="article-group">
                                <p class="title"><a href="#">我是标题我是标题我是标题我是标题我是标题我是标题</a></p>
                                <p class="desc">我是描述信心我是描述信息我是描述信心我是描述信息我是描述信心我是描述信息</p>
                                <p class="more">
                                    <span class="category">cpp</span>
                                    <span class="pub-time">一小时前</span>
                                    <span class="author">yunni</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="thumbnail-group">
                                <a href="#">
                                    <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1160601342,3492929116&fm=26&gp=0.jpg"
                                         alt="">
                                </a>
                            </div>
                            <div class="article-group">
                                <p class="title"><a href="#">我是标题我是标题我是标题我是标题我是标题我是标题</a></p>
                                <p class="desc">我是描述信心我是描述信息我是描述信心我是描述信息我是描述信心我是描述信息</p>
                                <p class="more">
                                    <span class="category">cpp</span>
                                    <span class="pub-time">一小时前</span>
                                    <span class="author">yunni</span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                {% include 'common/sidebar.html' %}
            </div>
        </div>
    </div>
{% endblock %}
